<template>
  <view class="page flex-col">
    <view class="box1 flex-col">
      <view class="mod1 flex-col">
        <view class="bd1 flex-col">
          <view class="mod2 flex-col">
            <view class="mod3 flex-col">
              <view class="bd2 flex-row">
                <text class="info1">9:41</text>
                <view class="layer1 flex-col"></view>
                <view class="layer2 flex-col"></view>
                <view class="layer3 flex-col"></view>
              </view>
              <view class="bd3 flex-row justify-between">
                <view class="group1 flex-col"></view>
                <view class="group2 flex-col"></view>
              </view>
            </view>
            <view class="mod4 flex-col">
              <view class="box2 flex-row">
                <text class="txt1">作品专辑</text>
              </view>
              <view class="box3 flex-row justify-between">
                <view class="ImageText1 flex-row justify-between">
                  <view class="group3 flex-col">
                    <text class="txt2">1</text>
                  </view>
                  <view class="TextGroup1 flex-col justify-between">
                    <text class="word1">奈良NFT</text>
                    <text class="word2">关于奈良的创作灵感</text>
                  </view>
                </view>
                <view class="bd4 flex-col"></view>
              </view>
              <view class="box4 flex-row justify-between">
                <view class="ImageText2 flex-row justify-between">
                  <view class="bd5 flex-col"><text class="info2">2</text></view>
                  <view class="TextGroup2 flex-col justify-between">
                    <text class="txt3">静悄悄-NFT</text>
                    <text class="word3">深夜灵感合集</text>
                  </view>
                </view>
                <view class="layer4 flex-col"></view>
              </view>
              <view class="box5 flex-row justify-between">
                <view class="ImageText3 flex-row justify-between">
                  <view class="main1 flex-col">
                    <text class="word4">3</text>
                  </view>
                  <view class="TextGroup3 flex-col justify-between">
                    <text class="word5">天下所有孩子-NFT</text>
                    <text class="txt4">六一儿童节特辑</text>
                  </view>
                </view>
                <view class="outer1 flex-col"></view>
              </view>
              <view class="box6 flex-row justify-between">
                <view class="ImageText4 flex-row justify-between">
                  <view class="box7 flex-col">
                    <text class="info3">4</text>
                  </view>
                  <view class="TextGroup4 flex-col justify-between">
                    <text class="word6">晨曦将至艺术作品</text>
                    <text class="word7">上海采风创作合集</text>
                  </view>
                </view>
                <view class="outer2 flex-col"></view>
              </view>
            </view>
            <view class="mod5 flex-col">
              <view class="wrap1 flex-row justify-between">
                <text class="word8">作者介绍</text>
                <view class="box8 flex-col">
                  <text class="word9">作品专辑</text>
                </view>
                <text class="word10">全部作品</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
